import React, { memo } from 'react'

import { hotAnchors } from "@/common/local-data"

import {
  AnchorWrapper,
} from './style'
export default memo(function HYHotAnchor() {
  return (
    <AnchorWrapper>
      <h3>热门主播</h3>
      <ul>
        {
          hotAnchors.map((item, index) => {
            return (
              <li key={item.url}>
                <div className="left">
                  <img src={item.picUrl} alt=""/>
                </div>
                <div className="right">
                  <div className="name">
                    <a href="/todo">{item.name}</a>
                  </div>
                  <div className="title text-nowrap">{item.position}</div>
                </div>
              </li>
            )
          })
        }
      </ul>
    </AnchorWrapper>
  )
})
